@charset "UTF-8";


body, html {
    height: 100%;   
    background: none;
}

.ftEditSectionHeading {
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-size: 11pt;
}


#body {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-top: 5px;
    padding: 10px;
    min-height: 700px;
}

body {
    background-color: #F5F5F5;
    color: #444444;
    font-family: Verdana,Helvetica,Arial,sans-serif;
}

#header-wrapper {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#header {
    position: relative;
}
#header, #page-container, #jb-window-content {
    clear: both;
    text-align: left;
}

#header-bg {
    left: 0;
    position: absolute;
    right: 0;
    top: -32px;

    z-index: -1;
    background: url("/s/site/datsima/bg-banner.jpg") no-repeat scroll center top #062A42;
    height: auto;
    min-height: 676px;
    width: auto;
}

#header .box-sizing, #page-container, #nav-site, #fat-footer {
    padding: 0 0.7em;
}

#header .max-width {
    min-height: 0;
    overflow: hidden;
}
.max-width {
    margin: 0 auto;
    max-width: 82em;
}

#areaHeader {

}

#page-container {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#qg-logo {
    float: left;
    margin-top: 5px;
    margin-bottom: 8px;
}
#site-name {
    clear: both;
    margin-bottom: 0;
    line-height: 0;
    padding-bottom: 5px;
}

#tools {
    clear: right;
    display: inline;
    float: right;
    padding: 0.5em 0.8em;
    margin: 0;
padding-top: 20px;
}

#tools li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    float: left;
}

#tools a {
    display: block;
    white-space: nowrap;
    text-align: center;
    margin: 0.2em 1em 0.2em 0;
    color: #fff;
    text-decoration: none;
    -webkit-transition: color 150ms ease-in;
        -webkit-transition-property: color;
        -webkit-transition-duration: 150ms;
        -webkit-transition-timing-function: ease-in;
        -webkit-transition-delay: initial;
}

#access a:hover, #access a:active, #access a:focus, #tools a:hover, #tools a:active, #tools a:focus, #footer a:hover, #footer a:active, #footer a:focus, #footer h2 a:hover, #footer h2 a:active, #footer h2 a:focus {
    color: white;
text-decoration:underline;
}

#search label {
    position: absolute;
    left: -999px;
    top: -999px;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

#page-container:after, #page-container .max-width:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

#page-container .max-width {
    background: url("/s/site/datsima/bg-translucent-header.png") repeat scroll left top rgba(0, 0, 0, 0);
}
#tools a, #tools a:link, #tools a:visited, #nav-site a, #nav-site a:link, #nav-site a:visited, #nav-section a, #nav-section a:link, #nav-section a:visited, #footer a, #footer a:link, #footer a:visited {
}
#nav-site a {
    float: left;
    padding: 0.7em 1em;
    white-space: nowrap;
}

#access, .article, #tools, #nav-site ul, #nav-section, #breadcrumbs, #asides, #document-properties, #post-page-options, #page-feedback, #meta-wrapper, #jb-window-content {
    font-size: 85%;
}

#tools li {
    float: left;
}
#tools li {
    margin-top: 5px;
}
#tools li {
    display: block;
    padding: 0.2em 0.5em;
}

#tools {
    list-style-type: none;
}
#tools {
    float: right;
    margin-right: 1em;
    min-height: 53px;
}
#tools {
    float: right;
}
#tools {
    background: none repeat scroll 0 0 transparent;
    display: block;
    overflow: hidden;
}
#tools {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#qg-logo, #qg-coa {
    line-height: 1;
}
#qg-logo, #qg-logo a, #qg-coa, #qg-coa a {
    clear: left;
    float: left;
    margin: 0;
    padding: 0;
}
#nav-site a {
    float: left;
    padding: 0.7em 1em;
    white-space: nowrap;
}
#nav-site li {
    float: left;
    margin-top: 5px;
    display: block;
    padding: 0.2em 0.5em;
}
#nav-site li {
    float: left;
    margin-left: 0.5em;
    margin-right: 0.5em;
    margin-top: 0.65em;
    padding: 0 0 0.3em;
}
li {
    display: list-item;
}
#nav-site ul {
    overflow: hidden;
}
#nav-site ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#rowHeader {
height: 560px;
background: url(https://static.smartygrants.com.au/yj/Kickstarte-banner.png);
background-repeat: no-repeat;
background-color: #055772;
background-position: bottom;
}

#document-properties, #post-page-options, #asides, #nav-section, #footer {
    font-style: normal;
    font-weight: normal;
}
/* -------------------------------
    FONTS
   ------------------------------- */
h1 {
    clear: left;
    font-weight: normal;
    letter-spacing: 0.05em;
    line-height: 1.1;
    margin: 0.5em -0.4em 0.3em;
    padding: 0.5em 0.4em 0.3em;
}
h1 {
    font-size: 20px;
    margin: 0.67em 0 0;
}
h1, h2, h3, h4, h5, h6, dt, strong, caption, th {
    font-weight: bold;
}
h1, h2, h3, h4, h5, h6 {
    font-family: Helvetica,Arial,sans-serif;
    color: #000000;
}

.appform h2 {
    margin: 0.83em 0;
    padding: 0px;
}

.ftEditPageHeading, .ftViewPageHeading {
    color: #0EA8EE;
    font-size: 12px;
    color: #05457F;
    font-weight: normal;
    font-size: 23px;
    margin: 0.83em 0;    
}

a {
    color: #000000;
}


#user a, #headlinks a, #headlinks a, #headlinks a:visited, #headlinks a:link {
    color: #000000;
    text-decoration: underline;   
}

#user a:hover, #headlinks a:hover {
    text-decoration: underline;
}

.iconbar .item {
    font-size: 14px;
}

.iconbar .item a {
    color: #000000;
    text-decoration: underline;   
}

.iconbar .item a:hover {
    /*text-decoration: none;*/
    color: #C3D3D9;
}

#headlinks {
    font-size: 12px;
}

/* -------------------------------
    BREADCRUMB BAR
   ------------------------------- */

#head {
    background-color: #F5F5F5;
    color: #000000;
    margin-top: 5px;
    overflow: hidden;
    padding: 5px;
}

.iconbar {
    color: #000000;
}

/* -------------------------------
    PREV/CLOSE/NEXT BUTTONS
   ------------------------------- */

.appform .btn .mid {
    width: 629px;
}

.appform .btn {
    margin: 0;
}

.appform .btn input:hover, #body .appform .btn a.linkbtn:hover,  #body .appform .btn a.linkbtn:active,  #body .appform .btn a.linkbtn:focus {
    background-color: #559FB8;
}

/* -------------------------------
    FORM PROGRESS MENU
   ------------------------------- */

#appnav {
    background: none;
    border: none;
    color: #000000;
    margin: 0;
    padding: 0; 
    float: left;
    width: 20%; 
}

#appnav h3 {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    padding-left: 1.5em; 
    color: #000000;
    font-size: 20.4px;
    font-weight: bold;
    margin-bottom: 0;    
}

#appnav h4 a {
    font-weight: normal;
    font-size: 13.6px;
    background: url("/s/site/datsima/bullet-section-nav.png") no-repeat scroll 2.8em 0.6em;
    display: block;
    margin: 0;
    padding: 0.5em 0 0.5em 4em;
    color: #000000;    
}

#appnav h4 a:hover {
    text-decoration: underline;
}

#appnav .current h4 {
    background: url("/s/site/datsima/bullet-section-nav.png") no-repeat scroll 1.5em 0.1em;
    color: #FFFFFF;
    display: block;
    font-size: 13.6px;
    font-weight: bold;
    padding-left: 3em;
}

#appnav .current {
    background: none;
    border: none;
    margin: 0 0 0 1em;
    padding: 0;
    border-bottom: 1.4em solid rgba(255, 255, 255, 0);
    border-top: 1.4em solid rgba(255, 255, 255, 0);
    background: none repeat scroll 0 0 #559FB8;
}

a:focus {
    border: none;
}

#htmlForm {
    overflow: hidden;
}

/* -------------------------------
    FORM DETAILS
   ------------------------------- */

#buttons {
    padding-left: 2em;
    padding-right: 2em;
    width: 921px;  
    float: right;
    background: none repeat scroll 0 0 #ffffff;
    box-shadow: 0 10px 10px 5px rgba(0, 0, 0, 0.1);
    font-size: 12px;
}

.loginbox .appform, .loginbox .appform .field {
    min-width: 370px;
}
.loginbox .appform .field .l {
    width: 180px;
}


/* -------------------------------
    VALIDATION ERRORS
   ------------------------------- */
.validationerror {
    color: #CC0000;
    padding-bottom: 15px;
}

p.validationerror, div.validationerror, .ftValidError {
    color: #CC0000;
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 10px;
    background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #CC0000;
    border-radius: 4px;
}

#areaFooter{
    background-color: #055772;
    color:#fff;
    height:290px;
}

#areaFooter a, #areaFooter a:link, #areaFooter a:visited{
    color:#fff;
    text-decoration:none;
    transition: all 150ms ease-in;
}

#areaFooter a:hover, #areaFooter a:active, #areaFooter a:focus{
    color:white;
    text-decoration:underline;
}

#footer{
    background-repeat: no-repeat;
    background-position: center 10px;
    background-size: contain;
    font-size:11.7px;
    text-align:center;
}

#footer-content{
    width:1000px;
    margin:0 auto;
    padding-top: 70px;
}

#social-links {
    width: 1000px;
    margin: 0 auto;
    font-size:12.8px;
    padding-bottom: 20px;
}

#social-links ul {
    margin: 6px;
}

#social-links h3{
    color:#ffdc49;
    margin: 48px 0 14px;
    text-align:center;
    font-size:16px;
    line-height:18px;
}

#social-links li{
    list-style:none;
    display: inline;
    margin:0 13px;
}
#site-links {
    width: 1000px;
    margin:0 auto;
    padding: 0 0 5px 0;
    line-height: 17px;
}

#site-links li{
    list-style:none;
    display: inline;
border-right: 1px solid white;
padding-right: 12px;
padding-left: 12px;
}

#site-links > ul:nth-child(1) > li:nth-child(9) {
border-right: none;
}

#copyright{
    width:1000px;
    margin:0 auto;
    padding: 17px 0 30px;
}

.fb{
    background-image: url(/s/site/maq/fb-white.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 18px;
    background-size:11px;
}

.fb:hover {
    background-image: url(/s/site/maq/fb-yellow.png);
}

.tw{
    background-image: url(/s/site/maq/tw-white.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 26px;
    background-size:16px;
}

.tw:hover{
    background-image: url(/s/site/maq/tw-yellow.png);
}

.ig{
    background-image: url(/s/site/maq/ig-white.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 26px;
    background-size:17px;
}

.ig:hover{
    background-image: url(/s/site/maq/ig-yellow.png);
}

/*Keycloak fixes*/

#regform .field {
  width: 660px;
}

#regform .l {
  width: 190px;
}